<template>
    <div class="deposit">
        <div class="head b">
            <span class="f15">押金</span>
        </div>
        <div class="all-price f14">
            <div class="item flex">
                <span>商品押金</span>
                <span>￥59.50</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: "Deposit",
    components: {

    },
    data() {
        return {
        }
    },
    methods: {

    }
}
</script>
<style lang="scss" scoped>
.bor {
    border-radius: 8px;
    overflow: hidden;
}

.deposit {
    padding: 10px;

    background-color: white;

    .head {
        span {
            &:nth-of-type(2) {
                color: #d13631;
            }
        }
    }

    .all-price {
        background-color: #f9f9f9;
        padding: 10px;
        border-radius: 5px;

        .item {
            &:nth-of-type(2) {
                margin-top: 10px;
            }

            span {
                color: #989898;
            }
        }
    }
}
</style>